<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="css/bootstrap.css" />

		<!--需要引入JQuery-->
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script type="text/javascript" src="js/bootstrap.js"></script>

		<meta name="viewport" content="width=device-width, initial-scale=1">
		
	<link href="css/index.css" rel="stylesheet" type="text/css">
	<link href="css/无缝滚动.css" rel="stylesheet" type="text/css">
	<link href="css/tab.css" rel="stylesheet" type="text/css">
	<link href="css/返回顶部.css" rel="stylesheet" type="text/css">
	<link href="css/触摸模糊.css" rel="stylesheet" type="text/css">
	<link href="css/lunbo.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/cdn.css">
	<script src="js/js库/jquery-1.11.0.js" type="text/javascript"></script>
	<script src="js/js库/jquery-1.11.3.min.js"></script>
	<script src="js/box.js"></script>
	<script src="js/jquery.scrollUp.js" type="text/javascript"></script>
	<script src="js/倒计时.js"></script>
	<script>

		var index=0;
		function changeImg(){
				var img=document.getElementById("img1");
				var count=index%5+1;
				img.src="image/"+count+".jpg";
				index=index+1;
		}
		
		function init(){
			setInterval("changeImg()",3000);
		}
		//验证密码用户名
		function checkname(){
			var name=document.getElementById("username");
			var span=document.getElementById("span_name");
			if(name.value.length==0){
				span.innerHTML="<font color='red' size='1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入用户名</font>";
				return false;
			}else{
				span.innerHTML="";
				return true;
			}
		}
		function checkpass(){
			var pass=document.getElementById("password");
			var span=document.getElementById("span_pass");
			if(pass.value.length==0){
				span.innerHTML="<font color='red' size='1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入密码</font>";
				alert("用户名或密码错误");
			}else{
				span.innerHTML="";
				return true;
			}
		}
		function xiaoyan(){
			var flag=checkname()&&checkpass();
			return flag;
	}
	</script>
    <!--获取姓名，欢迎登陆-->
			<script>
				var name=document.getElementById("username");
			    function getUrlParamter(name){
					var sPageURL = decodeURLComponent(window.location.search.substring(1)),
					sURLVariables = sPageURL('&'),
					sParameterName;
					sParameterName = sURLVariables[0].split('=');
					return sParameterName[1] === undefined ? null : sParameterName[1];
				};
				$('.name').text(sParameterName());
			</script>
</head>
<body onLoad="init()">
	<img src="image/28.jpg" width="100%" height="80%" id="hidImg" style="display: none">
<!--头部设置-->
	<div style="width: 100%;height: 220px">
		<img src="image/logo.png" style="width:40%;height:150px;float: left">
		<div id="Show" style="width: 40px;height:40px;"></div>
		<div style="width: 800px;height: 150px; float: left;margin-left: 650px;margin-top: -160px">
			<br/><br/>
			<div style="float: left">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="image/定位.png" style="width: 20px;height: 20px;margin-bottom: -5px;border-top-width: 0px;border-top-style: solid"><font color="#000000" size="-1" style="margin-top: 30px">超&nbsp;市&nbsp;地&nbsp;点</font>
				<font size="+3" color="#D0D0D0">&nbsp;&nbsp;&#124;</font>
			</div>
			<div style="float: left">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="image/小车.png" style="width: 20px;height: 20px;margin-bottom: -5px;border-top-width: 0px;border-top-style: solid"><font color="#000000" size="-1" style="margin-top: 30px">&nbsp;快&nbsp;递&nbsp;速&nbsp;运</font>
				<font size="+3" color="#D0D0D0">&nbsp;&nbsp;&#124;</font>
			</div>
			<div style="float: left">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="image/电话.png" style="width: 20px;height: 20px;margin-bottom: -5px;border-top-width: 0px;border-top-style: solid"><font color="#000000" size="-1" style="margin-top: 30px">001&nbsp;234&nbsp;5678</font>
				<font size="+3" color="#D0D0D0">&nbsp;&nbsp;&#124;</font>
			</div>
			<div style="float: left">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="image/登录.png" style="width: 20px;height: 20px;margin-bottom: -5px;border-top-width: 0px;border-top-style: solid"><font color="#000000" size="-1" style="margin-top: 30px">
					<input type="button" value="登&nbsp;&nbsp;&nbsp;录" onClick="Show()" style="background-color: #FFFFFF;border: none;cursor: pointer">
				</font>
				<font size="+3" color="#D0D0D0">&nbsp;&nbsp;&#124;</font>
			</div>
			<div style="float: left">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="image/注册.png" style="width: 20px;height: 20px;margin-bottom: -5px;border-top-width: 0px;border-top-style: solid"><font color="#000000" size="-1" style="margin-top: 30px">
					<a href="注册.html">注&nbsp;&nbsp;&nbsp;册</a>
				</font>
				<font size="+3" color="#D0D0D0">&nbsp;&nbsp;&#124;</font>
			</div>
			<input type="text" style="width: 600px;height: 40px;border: 2px solid #A7A7A7;margin-left: 10px;margin-top: 20px;float: left">
			<img src="image/搜索.png" style="width: 60px;height: 45px;float: left;margin-top: 19px">
			<a href="cart.html"><img src="image/购物车1.png" style="margin-top:6px;margin-left: 32px"></a>
		</div>
		<div class="daohang1">
			
			<ul>
				<li class="daohang"><a href="#">超市乐园</a></li>
				<li class="daohang"><a href="#">我的超市</a></li>
				<li class="daohang"><a href="#">商品分类</a>
					<ul class="daohang2">
						<li><a href="#">食品&nbsp;&nbsp;</a></li>
						<li><a href="#">电器&nbsp;&nbsp;</a></li>
						<li><a href="#">服装&nbsp;&nbsp;</a></li>
						<li><a href="#">手机&nbsp;&nbsp;</a></li>
						<li><a href="#">汽车&nbsp;&nbsp;</a></li>
						<li><a href="#">清洁用品&nbsp;&nbsp;</a></li>
						<li><a href="#">菜品&nbsp;&nbsp;</a></li>
						<li><a href="#">海鲜类&nbsp;&nbsp;</a></li>
					</ul>
				</li>
				<li class="daohang"><a href="#">手机逛超市</a></li>
				<li class="daohang"><a href="#">超市首页</a></li>
			</ul>
		</div>
	</div>
	
<!--弹窗设置-->
<div id="shade" class="c1 hide" style="z-index:999;"></div>
<div id="modal" class="c2 hide" style="border: 2px solid #AFAFAF;z-index:999;">
	<table style="float: right">
        <tr>
            <td><input type="button" value="×" onclick="Hide();" style="width: 30px;height:35px;font-size: 20px;font-weight: 200;"></td>
        </tr>
    </table>

<!--弹窗登录-->
    <form action="index.html" onSubmit="return xiaoyan()">s
				    <div style="text-align: center"><br/>
						<h2><font color="#F70C10">账户登录</font></h2>
					</div>
					<br/>
					<div style="margin-left: 50px;border: 2px solid #E5E5E5;height: 40px;width: 300px">
						<img src="image/username.png" width="40px" height="40px" style="float: left;">
						<input type="text" style="width:256px;height: 36px;float: left;border: 1px solid #E5E5E5" id="username" placeholder="请输入用户名" onblur="checkname()" onkeyup="checkname()">
					</div>
						<span id="span_name"></span>
					<br/>
					<div style="margin-left: 50px;border: 2px solid #E5E5E5;height: 40px;width: 300px">
						<img src="image/password.png" width="40px" height="40px" style="float: left;">
						<input type="text" style="width:256px;height: 36px;float: left;border: 1px solid #E5E5E5" id="password" placeholder="请输入密码"  onBlur="checkpass()" onKeyUp="checkpass()">
					</div>
						<span id="span_pass"></span>
					<br/>
					<div style="width: 300px;height: 40px">
						<input type="submit" value="登&nbsp;&nbsp;&nbsp;&nbsp;录" style="width:300px;height: 40px;margin-left: 50px;background-color:#B80C0F;font-weight: bold;color: aliceblue;font-size: +2;border: 1px solid #E5E5E5">
					</div>
					<br/>
					<div style="background-color: #E3E3E3;width:100%;height: 45px;">
						<div style="position: absolute;margin-left: 310px;margin-top: 13px">
							<a href="注册.html" style="text-decoration-line: none;"><font color="#FE090D" size="-1">&gt;&gt;&gt;立即注册</font></a>
							
						</div>
					</div>
	</form>
  </div>
<script>
    function Show(){
        document.getElementById('shade').classList.remove('hide');
        document.getElementById('modal').classList.remove('hide');
    }
     function Hide(){
        document.getElementById('shade').classList.add('hide');
        document.getElementById('modal').classList.add('hide');
    }
</script>
			
	<!--横栏-->
	<!--<div class="box" style="width: 85%;height:40px;background-color:rgb(221, 214, 214);margin-top: 150px;position: absolute;;">
			<ul>
				<li>今日大盘点！看过来看过来.......</li>
				<li>欢庆618，优惠享受不停........</li>
				<li>新款智能家电&nbsp;&nbsp;尖货爆款上新</li>
				<li>家具生活畅享优质家庭氛围.....</li>
				<li>新款智能空调唤醒夏日清凉.......</li>
				<li>新款连衣裙，整个夏天清爽美丽...</li>
				<li>零食素食九折起..........</li>
				<li>众多满减优惠等着你哟.....</li>
				<li>生鲜产品7折优惠，抢购吧.......</li>
				<li>蒙牛伊利安慕希大促销.........</li>
				<li>新款智能空调唤醒夏日清凉.......</li>
				<li>欢庆618，优惠享受不停........</li>
				<li>家具生活畅享优质家庭氛围.....</li>
				<li>柴米油盐酱醋茶，重惠来袭.....</li>
				<li>欢庆618，优惠享受不停........</li>
				<li>耐克双肩包，今日折扣价199元....</li>
				<li>新款智能空调唤醒夏日清凉.......</li>
				<li>新鲜猪肉，今日优惠6折起........</li>
			</ul>
	</div>-->
	<!--中间内容部分-->
	<div style="width: 100%;height: 600px; background-color:#F0F0F0;clear: both">
	<!--左边部分-->
		<div style="width: 200px;height: 470px;border: 1px solid #000000;margin-left: 155px;margin-top: 70px;position: absolute;background-color: #FFFFFF">
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">家用电器</font></a>
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">手机/运营商/数码/摄影</font></a>
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">电脑/办公/文具</font></a>
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">家居/家具/家厨/厨具</font></a>
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">男装/女装/童装/内衣</font></a>
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">女鞋/箱包/钟表/珠宝</font></a>
			<br/>
			<br/>
			&nbsp;&nbsp;<a href="#"><font color="#000000" size="-1">男鞋/运动/户外</font></a>	
		</div>
		<!--图片轮播-->
		  <div class="slider" style="padding-top: 80px;">
			<ul class="slider-main">
				<li class="slider-panel">
					<a><img src="image/1.jpg.webp"></a>
				</li>
				<li class="slider-panel">
					<a><img src="image/2.jpg.webp"></a>
				</li>
				<li class="slider-panel">
					<a><img src="image/3.jpg.webp"></a>
				</li>
				<li class="slider-panel">
					<a><img src="image/4.jpg.webp"></a>
				</li>
			</ul>
			<div class="slider-extra" style="margin-top: -5px;">
				<ul class="slider-nav">
					<li class="slider-item"></li>
					<li class="slider-item"></li>
					<li class="slider-item"></li>
					<li class="slider-item"></li>
				</ul>
				<div class="slider-page">
					<a class="slider-pre" href="javascript:;;">
						&lt;</a> <a class="slider-next" href="javascript:;;">&gt;</a> </div>
			</div>
		</div>
	
		  <!--轮播js-->
		  <script src="js/轮播.js" type="text/javascript"></script>
		<!--无缝滚动-->
		<div style="position: absolute;margin-top:-493px;margin-left:1150px;border: 1px solid black;float: left">
			<span style="display:block;height:40px;font-size:15px;color: red;line-height:30px;font-weight:500;">超市快讯</span>
			<div id="scrollBox">
				<ul id="con1">
					<li>今日大盘点！看过来看过来.......</li>
					<li>欢庆618，优惠享受不停........</li>
					<li>新款智能家电&nbsp;&nbsp;尖货爆款上新</li>
					<li>家具生活畅享优质家庭氛围.....</li>
					<li>新款智能空调唤醒夏日清凉.......</li>
					<li>新款连衣裙，整个夏天清爽美丽...</li>
					<li>零食素食九折起..........</li>
					<li>众多满减优惠等着你哟.....</li>
					<li>生鲜产品7折优惠，抢购吧.......</li>
					<li>蒙牛伊利安慕希大促销.........</li>
					<li>新款智能空调唤醒夏日清凉.......</li>
					<li>欢庆618，优惠享受不停........</li>
					<li>家具生活畅享优质家庭氛围.....</li>
					<li>柴米油盐酱醋茶，重惠来袭.....</li>
					<li>欢庆618，优惠享受不停........</li>
					<li>耐克双肩包，今日折扣价199元....</li>
					<li>新款智能空调唤醒夏日清凉.......</li>
					<li>新鲜猪肉，今日优惠6折起........</li>
				</ul>
				<ul id="con2"></ul>
			</div>
		</div>
	</div>
	<!--无缝滚动js-->
	<script src="js/jquery.scrollUp.js"></script>
	<!--tab选项卡-->
	<div class="content"> 
		<div class="head text-no-select">
			<ul class="nav">
				<li class="ui-switchable-item curr"><a href="javascript:void(0)">零食榜单</a></li>
				<li class="ui-switchable-item"><a href="javascript:void(0)">七日排行榜</a></li>
				<li class="ui-switchable-item"><a href="javascript:void(0)">好物热卖榜</a></li>
			</ul>	
		</div>
		<div class="mc">
			<div class="conbine">
				<ul class="nav2">
					<li class="fore1">
					   <div class="p-img">
						   <a href="#">
							   <img width="130" height="130" src="image/5.jpg">
						   </a>
					   </div>
					   <div class="p-name ac">芒果干</div>
					   <div class="p-price">￥11.70</div>
					</li>
					<li class="fore1">
					   <div class="p-img">
						   <a href="#">
							   <img width="130" height="130" src="image/6.jpg">
						   </a>
					   </div>
					   <div class="p-name ac">喜之郎果冻</div>
					   <div class="p-price">￥23.80</div>
					</li>
					<li class="fore1">
					   <div class="p-img">
						   <a href="#">
							   <img width="130" height="130" src="image/15.jpg">
						   </a>
					   </div>
					   <div class="p-name ac">盐焗鸡腿</div>
					   <div class="p-price">￥9.10</div>
					</li>
					<li class="fore1">
						<div class="p-img">
							<a href="#">
								<img width="130" height="130" src="image/17.jpg">
							</a>
						</div>
						<div class="p-name ac">草莓干</div>
						<div class="p-price">￥29.10</div>
					 </li>
					 <li class="fore1">
						<div class="p-img">
							<a href="#">
								<img width="130" height="130" src="image/4.jpg">
							</a>
						</div>
						<div class="p-name ac">奶油小蛋糕</div>
						<div class="p-price">￥39.10</div>
					 </li>
					<li class="fore1">
					   <div class="p-img">
						   <a href="#">
							   <img width="130" height="130" src="image/7.jpg">
						   </a>
					   </div>
					   <div class="p-name ac">坚果</div>
					   <div class="p-price">￥58.70</div>
					</li>
				</ul>
			</div>
			<div class="conbine" style="display: none;">
			   <ul class="nav2">
				   <li class="fore1">
					   <div class="p-img">
						   <a href="#">
							   <img width="130" height="130" src="image/sp.png.webp">
						   </a>
					   </div>
					   <div class="p-name ac">手表</div>
					   <div class="p-price">￥143.00</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/ys.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">电动牙刷</div>
					  <div class="p-price">￥359.80</div>
				   </li>
				   <li class="fore1">
					<div class="p-img">
						<a href="#">
							<img width="130" height="130" src="image/18.jpg">
						</a>
					</div>
					<div class="p-name ac">乡巴佬</div>
					<div class="p-price">￥8.70</div>
				 </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/zt.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">枕套</div>
					  <div class="p-price">￥54.40</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/sp2.jpg.webp">
						  </a>
					  </div>
					  <div class="p-name ac">小白鞋</div>
					  <div class="p-price">￥69.10</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/20.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">大红枣</div>
					  <div class="p-price">￥33.40</div>
				   </li>
			   </ul>
		   </div>
		   <div class="conbine" style="display: none;">
			   <ul class="nav2">
				   <li class="fore1">
					   <div class="p-img">
						   <a href="#">
							   <img width="130" height="130" src="image/19.jpg">
						   </a>
					   </div>
					   <div class="p-name ac">茶瓜子</div>
					   <div class="p-price">￥145.90</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/21.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">蛋黄派</div>
					  <div class="p-price">￥33.40</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/22.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">连衣裙</div>
					  <div class="p-price">￥191.70</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/1.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">鸡蛋</div>
					  <div class="p-price">￥7.10</div>
				   </li>
				   <li class="fore1">
					  <div class="p-img">
						  <a href="#">
							  <img width="130" height="130" src="image/3.jpg">
						  </a>
					  </div>
					  <div class="p-name ac">华为p30</div>
					  <div class="p-price">￥4372.30</div>
				   </li>
				   <li class="fore1">
					<div class="p-img">
						<a href="#">
							<img width="130" height="130" src="image/23.jpg">
						</a>
					</div>
					<div class="p-name ac">棉服</div>
					<div class="p-price">￥472.30</div>
				 </li>
			   </ul>
		   </div>
		   
		</div>
	</div> 
	<script src="js/js库/jquery.min.js"></script>
	<script src="js/tab.js"></script> 
	<!--香奈儿触摸模糊--> 
	<script src="js/触摸模糊.js"></script>
    <img src="image/ad.jpg" width="100%" style="margin-left: 10px;">
	<h2 style="font-weight: bold">
		<font color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;商品介绍</font>
		<img src="image/title2.jpg">
	</h2>
	<!--商品介绍-->
	<div style="width: 100%;height: 500px;margin-left: 100px;">
	<!--倒计时-->
		<div style="position: absolute;width:20%;margin-left:-40px;float: left">
			<div class="se-kl">
				<div class="se-cn">倒计时</div>
				<div class="se-en">COUNT DOWN</div>
				<i class="se-io"></i>
				<div class="se-info">距离结束还剩</div>
				<div class="se-count">
					<div class="se-day"></div>
					<div class="se-hour"><span class="se-txt">60</span></div>
					<div class="se-min"><span class="se-txt">60</span></div>
					<div class="se-sec"><span class="se-txt">60</span></div>
				</div>
			</div>
		</div>
		<!--商品推荐-->
		<div style="width:80%;height: 480px; position: absolute;float: left;margin-left: 250px;margin-top: 10px;">
			<div style="position: absolute;float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/1.webp" width="200px" height="190px" id="img1"> 
				<h3>超惠推荐</h3>
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/1.png" width="200px" height="190px" >
				<h3>惠普电脑</h3>
				
			</div>
			<div id="main" style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<a href="详情页.html"><img src="image/26.png" width="200px" height="190px" name="mainImg"></a>
				<div class="like"><img src="image/similar.png"><span>商品详情</span></div>
				<h3>香奈儿</h3>	
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/3.png" width="200px" height="190px">
				<h3>平板电脑</h3>
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/6.webp" width="200px" height="190px">
				<h3>连衣裙</h3>
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/7.webp" width="200px" height="190px">
				<h3>窗帘</h3>
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/8.webp" width="200px" height="190px">
				<h3>鞋柜</h3>
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/9.jpg" width="200px" height="190px">
				<h3>嘎嘣脆零食</h3>
			</div>
			<div style="float: left;width:210px;height:240px;text-align: center;margin: 1px 20px;background-color:#FAFAFA">
				<img src="image/phone.jpg" width="200px" height="190px">
				<h3>iphone xr</h3>
			</div>
		</div>
	</div>
	<!--顶部返回-->
	<div class="bottom_back_top_top" id="bottom_back_top_top">
        <a href="#" class="backtotop pngFix">回到顶部</a>
	</div>
	<!--版权设置-->
	<div>
		<img src="image/footer.jpg" width="100%">
	</div>
	<hr>
	<div class="banquan">
		<div class="contact">
			<div class="banquanziti">联络方式</div>
			<div>
			<img src="image/定位1 (1).png" style="margin-top: 85px;margin-left: 85px">
				<div style="margin-left: 140px;margin-bottom: 0px;margin-top: -38px;font-size: +1;color: aliceblue">重庆大学城</div>
			</div>
			<div>
			<img src="image/电话1.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 140px;margin-bottom: 0px;margin-top: -38px;font-size: +1;color: aliceblue">+123&nbsp;456&nbsp;890</div>
			</div>
			<div>
			<img src="image/邮箱.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 140px;margin-bottom: 0px;margin-top: -38px;font-size: +1;color: aliceblue">info@example.com</div>
			</div>
		</div>
		
		<div class="contact1">
			<div class="banquanziti">咨询信息</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 85px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -28px;font-size: +1;color: aliceblue"><a href="#">关于我们</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">联系我们</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">特殊产品</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">常见问题解答</a></div>
			</div>
		</div>
		
		<div class="contact2">
			<div class="banquanziti">类别</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 85px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -28px;font-size: +1;color: aliceblue"><a href="#">家庭</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">个人护理</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">包装食品</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">饮料</a></div>
			</div>
		</div>
		
		<div class="contact3">
			<div class="banquanziti">简介</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 85px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -28px;font-size: +1;color: aliceblue"><a href="#">商城</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="#">我的车</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="登录.html">登录</a></div>
			</div>
			<div>
			<img src="image/箭头.png" style="margin-top: 25px;margin-left: 85px">
				<div style="margin-left: 115px;margin-bottom: 0px;margin-top: -25px;font-size: +1;color: aliceblue"><a href="注册.html">创建账户</a></div>
			</div>
		</div>
	</div>
	<div style="width: 100%;height: 50px;background-color:#282828;padding-top:20px;text-align: center;font-size: +1;color: aliceblue">
		Copyright© 2016 版权所有：xxx购物网站
	</div>
	<script src="/jquery/倒计时.js"></script>
</body>
</html>